/*
	作者：Leeo
	网址：www.imleeo.com
	时间：2010年2月21日
*/
/*
	全局变量
*/
var ajaxloding = '<div class="ajax"><img src="images/ajax-loader.gif" />数据加载中...</div>';
$(document).ready(function(){
	
	/*
		利用布局插件进行界面布局
	*/
	var layoutSettings =
    {
        Name    :   "Main",
        Dock    :   $.layoutEngine.DOCK.FILL,
        EleID   :   "main",
        Margin  :   0,
        Children:   [
                        {
                            Name    :   "Top",
                            Dock    :   $.layoutEngine.DOCK.TOP,
                            EleID   :   "top",
                            Margin  :   0,
                            Height  :   85
                        },
                        {
                            Name    :   "Left",
                            Dock    :   $.layoutEngine.DOCK.LEFT,
                            EleID   :   "left",
                            MarginTop  :   5,
							MarginBottom  :   5,
                            Width   :   188
                        },
                        {
                            Name    :   "Fill",
                            Dock    :   $.layoutEngine.DOCK.FILL,
                            EleID   :   "fill",
                            Margin  :   0
                        },
                        {
                            Name    :   "Right",
                            Dock    :   $.layoutEngine.DOCK.RIGHT,
                            EleID   :   "right",
                            MarginTop  :   5,
							MarginBottom  :   5,                                                    
                            Width   :   0
                        },
                        {
                            Name    :   "Bottom",
                            Dock    :   $.layoutEngine.DOCK.BOTTOM,
                            EleID   :   "bottom",
                            Margin  :   0,
                            Height  :   30
                        }
                    ]
             
    };
    
    $.layoutEngine(layoutSettings);
	
	/*
		载入菜单
	*/
	/*$('#right').html(ajaxloding).load('menu.html');*/
	$('#left').html(ajaxloding).load('menu.html', function(){
		/*
			左侧菜单切换控制
		*/
		var $menu = $('#menu > li > a'), $menu_li = $menu.next('ul'), _index = 0;
		$menu_li.eq(_index).slideDown('normal');// 默认展开第一项
		$menu.each(function(index, domEle){
			var $this = $(domEle), _i = index;
			$this.click(function(_event){
				$menu_li.eq(_index).slideUp('normal', function(){
					$this.next('ul').slideDown('normal', function(){
						_index = _i;
					});
				});
				//_event.stopPropagation();
				return false;
			});
		});
		/*
			绑定菜单链接
		*/
		$menu_li.find('a').each(function(index, domEle){
			var $this = $(domEle), _url = $this.attr('rel'), _title = $this.text();
			$this.click(function(_event){
				tabObj.addTab({
					href: _url,
					title: _title,
					content: ''
				});
				return false;
			});
		});
	});
	
	/*
		展开/隐藏菜单
	*/
	$('#o_c').click(function(){
		var _fill_w = $('#fill').width(), _left = 193, _text = '隐藏菜单';
		if($('#left').css('display') != 'none'){
			_fill_w += 193;
			_left = 0;
			_text = '展开菜单';
			$('#o_c_div').removeClass('bullet_arrow_right').addClass('bullet_arrow_left');
		}else{
			_fill_w -= 193;
			$('#o_c_div').removeClass('bullet_arrow_left').addClass('bullet_arrow_right');
		}
		$('#left').toggle('normal', function(){
			$('#o_c').text(_text);
		});
		$('#fill').animate({
			left: _left,
			width: _fill_w
		}, {
			duration: 'normal' 
		});
		$('#tab_container, #tab_container > div').animate({
			left: 0,
			width: _fill_w
		}, {
			duration: 'normal' 
		});
	});

});